<template>
    <div class="search-header">
        <van-search
            v-model="searchValue"
            placeholder="请输入搜索关键词"
            :shape="shape"
        />
        <router-link
            to="/search"
            class="to-search"
        />
    </div>
</template>

<script>
export default {
    props: ['shape'],
    data () {
        return {
            searchValue: ''
        }
    }
}
</script>

<style lang="scss">
.search-header {
    position: relative;
    .to-search {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}
</style>
